.box{
  padding:20px;
  border:2px solid #ddd;
  div{
    margin-bottom:10px;
    height:100px;
    text-align:center;
    line-height:100px;
    background:#fff;
    border-radius:4px;
  }
}
table{
  width:800px;
  table-layout:fixed;
  border-collapse:collapse;
  background:#fff;
  .time-item,.name-item{
    line-height:30px;
    height:30px;
    border-bottom:1px solid #999;
  }
  .time-box:last-child .time-item:last-child{border-bottom:0;}
  .name-box:last-child .name-item:last-child{border-bottom:0;}
  .name-item{
    cursor:pointer;
    div{height:30px;}
    .drag-start{
      color:#fff;
      background:#c8152d;
      opacity:.8;
      }
  }
}
th,td{
  border:1px #525152 solid;
  text-align:center;
  line-height:40px;
}
.no-drop{background-color:#ddd;}
.b-n-t{border-top:1px solid transparent}
.b-n-l{border-left:1px solid transparent}
.b-n-b{border-bottom:1px solid transparent}
.b-n-r{border-right:1px solid transparent}